<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta charset="UTF-8">
    <title>Hello HTML!</title>
</head>
<body>
<form action="/example/html/form_action.jsp" method="get">
    <p><label for="fname">Firs name:</label><input autocomplete="off" id="fname" maxlength="30" name="fname"
                                                   placeholder="phone/email/username"
                                                   size="100" type="text" value=""/>
    </p>
    <p>Last name: <input autofocus="autofocus" name="lname" readonly="readonly" size="100" type="text" value=""/></p>
    <p>Password: <input name="password" type="password" value=""/></p>
    <p>Checkbox:</p>
    Hobby1: <input checked="checked" name="checkbox" type="checkbox" value="hobby1"/>
    Hobby2: <input name="checkbox" type="checkbox" value="hobby2"/>
    Hobby3: <input name="checkbox" type="checkbox" value="hobby3"/>
    <p>Radio:</p>
    Hobby1: <input name="radio" type="radio" value="hobby1"/>
    Hobby2: <input checked="checked" name="radio" type="radio" value="hobby2"/>
    Hobby3: <input name="radio" type="radio" value="hobby3"/>
    <p><input name="button" type="button" value="Button"/></p>
    <p>File Upload: <input multiple="multiple" name="file" type="file"/></p>
    <br/>
    <textarea cols="50" rows="8">abc</textarea>
    <br/>
    <br/>
    <fieldset disabled="disabled">
        <legend>健康信息</legend>
        身高：<input type="text"/>
        体重：<input type="text"/>
    </fieldset>
    <br/><br/>
    <select name="cars" size="1">
        <optgroup label="Swedish Cars">
            <option value="volvo">Volvo</option>
            <option selected="selected" value="saab">Saab</option>
        </optgroup>
        <optgroup label="German Cars">
            <option value="fiat">Fiat</option>
            <option selected="selected" value="audi">Audi</option>
        </optgroup>
    </select>

    <br/> <br/>
    <button type="button">Click Me!</button>
    <br/> <br/>
    <button type="button"><img height="30" src="./images/baidu.png" width="100"/></button>
    <br/> <br/>

    <input name="submit" type="submit" value="Submit"/>
    <input name="reset" type="reset" value="Reset"/>
    <input height="50" name="image" src="./images/baidu.png" type="image" width="100"/>
    <input name="hidden" type="hidden" value=""/>
</form>
</body>
</html>
